html {
  --main-color: #007AFF;
  --main-color-rgb: 20, 70, 204;

  --body-color: var(--bs-body-color);


  --bs-shadow: 0 .2133rem .4267rem rgba(var(--bs-body-color-rgb), 0.15);
  --bs-shadow-active: 0 .1067rem .2133rem rgba(var(--bs-body-color-rgb), 0.15);
  --xiaomi-shadow: .1rem .1rem .1rem rgba(0, 0, 0, .2);
  --xiaomi-shadow-active: 0 .2667rem 1.0667rem rgba(0, 0, 0, .2);

  --btn-bg: linear-gradient(225deg, #4975EC 0%, #97B3FF 100%);
  --btn-shadow: 0px .0475rem .404rem #5680EF;
  --btn-shadow-active: 0px .0275rem .204rem #5680EF;


  --transition-duration: .15s;
  --bs-nice-shadow: 0 0 0 .0208rem rgba(var(--main-color-rgb), .25);

  overflow-x: hidden !important;

  body {
    // background-color: #f5f5f5;
    padding: 0 .2rem;

    font-size: .35rem;
    background: url(/img/bg.png) top no-repeat;
    background-size: 100%;

    &>div {
      margin-bottom: .3rem;

      &:last-of-type {
        margin-bottom: 1.9rem;
      }
    }

    .iconfont {
      // font-size: .15rem;
      // font-weight: bold;

      &:hover {
        color: var(--main-color);
      }
    }
  }
}


* {
  transition: all var(--transition-duration);

  ::selection {
    background-color: var(--main-color);
    color: #fff;
  }

  caret-color: var(--main-color) !important;

  // border-color: var(--bs-border-color);
}


.title {
  margin-top: 1.2rem;
  margin-bottom: 0.5rem;

  font-size: 0.45rem;
  font-weight: 500;
  color: #fff;

  letter-spacing: .1em;
  text-align: center;

  img {
    width: 2.5rem;
  }
}

.copyright {
  margin-bottom: 1.55rem;

  text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-size: .35rem;

  a {
    color: inherit;
    text-decoration: none;

    i {
      transition: color var(--transition-duration);
      font-size: inherit;
    }

    &:hover {
      text-decoration: underline;

      i {
        color: #c71d23;
      }
    }
  }
}


.tabBar {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;

  display: flex;
  justify-content: space-around;

  width: 100%;

  background-color: #fff;
  box-shadow: 0 -.15rem .5rem rgba(0, 0, 0, .1);

  li {
    a {
      display: flex;
      flex-direction: column;
      align-items: center;

      padding-bottom: 0.12rem;
      // background-color: #fff;

      font-size: 0.33rem;
      color: #d4d8e6;

      i {
        margin-bottom: -0.1rem;
        font-size: .65rem;
      }

      &.active {
        color: var(--main-color);
      }
    }
  }
}


.loader-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999999;

  display: flex;

  margin: 0 !important;
  width: 100%;
  height: 100%;
  background-color: #fff;

  transition: none;

  .loader {
    position: relative;

    margin: auto;

    width: 3.2rem;
    height: .5867rem;

    border: 2px solid;
    border-radius: 20px;

    color: var(--main-color);

    transition: none;

    &::before {
      position: absolute;
      inset: 0 100% 0 0;

      content: "";

      margin: 2px;
      border-radius: inherit;
      background: currentColor;

      animation: l6 .8s infinite ease;
    }

    @keyframes l6 {
      100% {
        inset: 0
      }
    }
  }
}


body::-webkit-scrollbar {
  width: 0;
}

// driver.js 关闭按钮不可见
.driver-close-btn {
  display: none !important;
}